@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ word-wrap:break-word; word-break:break-all; padding:0; margin:0; list-style:none; outline:0; -webkit-tap-highlight-color:rgba(0,0,0,0); font:inherit; font-size:14px; vertical-align:baseline; font-family:'Microsoft YaHei',Helvetica,Arial,sans-serif; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
body{overflow-x:hidden; font-size:1em;}
button,input,option,select,textarea,em{ -webkit-appearance:none; -webkit-text-size-adjust:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); border-radius:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; border-radius:0;}
button,img,input,nav,textarea,video{border:0;}
/*body,td{font-size:.9em}*/
a,a:visited{text-decoration:none;-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body,html{height:100%}
.clear{ clear:both; padding:0; margin:0; line-height:0;}
.clearfix{zoom:1;}
.clearfix:after,.clearfix:before{content:"";display:block;height:0;width:0;visibility:hidden}
.clearfix:after{clear:both;}


/* 背景颜色 */
.bgmain{ background: #F5F5F5;}

/* 总容器 */
.mianScroll{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; overflow: hidden;}


/* 内边距 */
.plr10{padding: 0 10px;}

/* 定位 */
.psnF{ position: fixed;}
.psnR{ position: relative;}
.psnA{ position: absolute; display: block;}
.psnAC{ left: 0; top: 0; right: 0; bottom: 0; margin: auto;}

/* 显示隐藏 */
.overHide{ overflow: hidden;}

/* 头部功能条 */
.topTool{ height:3rem; line-height: 3rem; text-align: center; position: relative; overflow: hidden;
    background: -webkit-linear-gradient(left, #00c8d0 , #0096ff); /* Safari 5.1 - 6.0 */
    background: -moz-linear-gradient(right, #00c8d0, #0096ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #00c8d0 , #0096ff); /* 标准的语法 */
  }
  .topTool em{ color: #FFFFFF; font-size: 1.2rem; display: block; text-align: center; left: 0; top: 0; right: 0; bottom: 0; margin: auto; position: absolute; z-index: 1;}
  .topTool a{ color: #FFFFFF; left: 0; top: 0; right: 0; bottom: 0; margin: auto; position: absolute; z-index: 2;}
  .topTool a:first-child{ margin: 0 0 0 10px; right: auto; }
  .topTool a:last-child{ left: auto; margin: 0 10px 0 0;}

/*********** 顶部内容 ***********/
.topBox{ padding: 10px 10px 0; background: #FFFFFF; margin: 0 0 10px;}
/* .searchBox{ background: #F5F5F5} */
.searchBox a.more{ float: right; width: 36px; height: 36px; text-align: center; line-height: 36px;}
.searchBox a.more i{ font-size: 1.5em; color: #0096ff;}
.searchBoxN{ overflow: hidden;}
.topNav{ display:-webkit-box; display:box;}
.topNav span{ display: block; box-flex: 1; -webkit-box-flex: 1;  text-align: center;height: 3rem; line-height: 3rem; font-size: 1.1rem;}
.topNav span.on{ color: #0096ff; border-bottom: 2px solid #0096ff; font-weight: bold;}
.topNav a{ color: #666666; display: block; box-flex: 1; -webkit-box-flex: 1;  text-align: center;height: 3rem; line-height: 3rem; font-size: 1.1rem;}
.topNav a.on{ color: #0096ff; border-bottom: 2px solid #0096ff; font-weight: bold;}
.topNavMore{ overflow: hidden; overflow-x: auto; white-space: nowrap; font-size: 0}
.topNavMore a{color: #666666; display: inline-block; width:22%; font-size: 1em; text-align: center;height: 3rem; line-height: 3rem; font-size: 1.1rem;}
.topNavMore a.on{ color: #0096ff; border-bottom: 2px solid #0096ff; font-weight: bold;}


/* 备课列表内容 */
.lessonList{ background: #FFFFFF; position: absolute; left: 0; top: 7rem; right: 0; bottom: 0; margin: auto; overflow: hidden; overflow-y: auto;}
.lessonList ul li{ /* padding: 10px; border-bottom:1px solid #eaeaea;*/ position: relative;}
.lessonList ul li .lessonListNBox{ padding: 10px 0;}
.lessonList ul li em.shareState{ position: absolute; background:rgba(23, 150, 255,0.7); color: #FFFFFF; line-height: 1rem; padding:4px 6px; border-radius:2px; font-size: 12px; top: 63px;}
.lessonList ul li .lessonImg{ float:left; width:3.4rem; overflow: hidden; border-radius: 6px; margin: 0 10px 0 0;}
.lessonList ul li .lessonImg img{ width: 100%; height: 100%;}
.lessonList ul li .lessonContent{ overflow: hidden;}
.lessonList ul li .lessonContent h4{ color: #333333; font-size:1.1em; padding:0 2rem 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; height: 20px; line-height: 20px;}
.lessonList ul li .lessonContent h4 span{font-size:1.05em;}
.lessonList ul li .lessonContent h4 em{position: absolute; right: 0; left: auto; top:5px; bottom: 0; margin:auto; width:25px; height: 25px; line-height: 25px; text-align: center;}
.lessonList ul li .lessonContent h4 em i{ font-size: 1.2em;}
.lessonList ul li .lessonContent p.synopsis{ padding:10px 0 0;}
.lessonList ul li .lessonContent p.synopsis span{ color: #666666; padding: 0 15px 0 0; display: inline-block; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.lessonList ul li .lessonContent p.synopsis em{  background: #eaeaea; color: #666666; border-radius: 3px; padding: 1px 5px;}
.lessonList ul li .lessonContent p.synopsis em.have{  background: #0096ff; color: #FFFFFF;}
.lessonList ul li .lessonContent p.synopsis span i{color: #666666; font-size: 1.3rem; vertical-align:text-bottom; margin: 0 5px 0 0;}
/* .lessonList ul li .lessonContent .operate{ padding: 0 0 5px;} */
.lessonList ul li .lessonContent .operate{ padding: 10px 0 0;}
.lessonList ul li .lessonContent .operate a{ color: #0096ff; padding: 0 10px 0 0;} 
.lessonList ul li .lessonContent .operate a i{ color: #666666; font-size: 1.2rem; vertical-align:text-bottom; margin: 0 5px 0 0;}
.lessonList ul li .lessonContent .operate span{ padding: 0 5px;}
.lessonList ul li .lessonContent .operate span i{ margin: 0 5px 0 0;}
.lessonList ul li .lessonContent .checkBox{ padding: 10px 0 0;}
/* 用户APP */
.appCenterList{ position: absolute; left: 0; top:3rem; right: 0; bottom:4rem;  overflow: hidden; overflow-y: auto;}
.topAD{ width: 100%; font-size: 0;}
.topAD img{ width: 100%;}
.appCenterListN{ background: #FFFFFF; margin: 10px 0 0;}
.appCenterList h3{ height: 40px; line-height: 40px; padding: 0 10px; background: #FFFFFF;}
.appCenterList h3 span{ font-size: 17px;}
.appCenterList h3 a{ color: #007AFF; font-size: 16px; float: right;}
.appCenterList ul li{ float: left; width: 25%; text-align: center; padding: 10px 0;}
.appCenterList ul li div{ width: 50px; height: 50px; overflow: hidden; position: relative; border-radius: 50%; margin: 0 auto;}
.appCenterList ul li div img{ width: 60%; height: 60%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;margin: auto;}
.appCenterList ul li p{ text-align: center; padding:5px 0 0;}
.appCenterList ul li p a{color:#666666;}
/* 弹层页面 */
.tcLayer{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 1000; background:rgba(0,0,0,0.3);}
.tcLayer .tcLayerMain{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width:80%; height: 31rem; background: #FFFFFF; border-radius: 6px;}
.tcLayer .tcLayerMain .LayerTop{ height:10rem; background:url(../images/start_03.png) no-repeat scroll center center #0096ff; border-radius: 6px 6px  0 0; background-size:100%;}
.tcLayer .tcLayerMain .LayerTop dl{ width: 7rem; padding: 8px 0 0; margin: 0 auto; text-align: center;}
.tcLayer .tcLayerMain .LayerTop dl dt{ width: 7rem; height: 7rem; background: #FFFFFF; border-radius: 50%; position: relative;}
.tcLayer .tcLayerMain .LayerTop dl dt img{ width: 100%; height: 100%;}
.tcLayer .tcLayerMain .LayerTop dl dd{ color: #FFFFFF; font-size: 1.2rem; padding:5px 0 0;}
.tcLayer .tcLayerMain .LayerBottom{ height: 4rem; line-height: 4rem; border-top: 1px solid #eaeaea; top: auto; text-align: center;}
.tcLayer .tcLayerMain .LayerCenter ul.selectList{ text-align: center;}
.tcLayer .tcLayerMain .LayerCenter ul li{padding: 20px 0 0;}
.tcLayer .tcLayerMain .LayerCenter ul li em i{ color:#F00; vertical-align: middle; padding: 0 5px 0 0;}
.tcLayer .tcLayerMain .LayerCenter .textareaBox{ padding: 10px; height: 215px; overflow: hidden; overflow-y: auto;}
.tcLayer .tcLayerMain .LayerCenter .textareaBox textarea{ padding: 8px; width: 100%; height: 15.5rem; font-size: 1.1rem; box-sizing: border-box; border: 1px solid #eaeaea;}
.tcLayer .tcLayerMain .LayerCenter .textareaBox p{ font-size: 1.1rem; line-height: 1.5rem;}
.tcLayer .tcLayerMain .closeBt{ position: absolute; right:-10px; top:-10px;  width: 30px; height:30px; background: #0096ff; border-radius: 50%;}
.tcLayer .tcLayerMain .closeBt em{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: block; width:26px; height:26px; background: #FFFFFF; border-radius: 50%;}
.tcLayer .tcLayerMain .closeBt em::before{ content:""; display: block; position: absolute; width: 2px; height: 16px; background: #0096ff;  left: 0; top: 0; right: 0; bottom: 0; margin: auto; border-radius: 50px; transform:rotate(45deg);}
.tcLayer .tcLayerMain .closeBt em::after{ content:""; display: block; position: absolute; width: 2px; height: 16px; background: #0096ff;  left: 0; top: 0; right: 0; bottom: 0; margin: auto; border-radius: 50px; transform:rotate(-45deg);}

.tcLayerRight{ position: absolute; left: 0; top: 3rem; right: 0; bottom: 0; margin: auto; z-index: 1000; background:rgba(0,0,0,0.3);}
.tcLayerMain{ position: absolute; left: auto; top: 0; right: 0; bottom: 0; margin: auto; width:100%; height: 100%; background: #FFFFFF;}
.tcLayerMain ul{ padding: 0 10px;}
.tcLayerMain ul li{padding: 20px 0 0;}
.tcLayerMain ul li em{ float: left; width: 5rem; margin:5px 0 0;}
.tcLayerRightBottom{ height: 4rem; line-height: 4rem; border-top: 1px solid #eaeaea; top: auto; text-align: center;}

.establish{ overflow: hidden; overflow-y: auto; bottom: 4rem;}
.establishBox h4{ height: 40px; line-height: 40px; padding: 0 10px;}
.establishBox h4 span{ font-size: 1rem;}
.establishBox ul{ background: #FFFFFF; padding: 10px 0;}
.establishBox ul li{ padding: 0 10px 0 0; padding: 5px 10px 5px 0;}
.establishBox ul li em{ float: left; width:5rem; height:40px; line-height: 40px; text-align: right; margin: 0 10px 0 0;}
.establishBox ul li em i{ color: #F00;}
.establishBox ul li .overHide p{min-height: 40px; line-height: 40px;}
.establishBox .textareaBox{ padding: 10px; background: #FFFFFF;}
.establishBut{ text-align: center; position: absolute; left: 0; top: auto; right: 0; bottom: 0; margin: auto; height: 4rem; line-height: 4rem;}
.establishBut button{ width: 80%;}

/* 底部导航 */
.bottomNav{ position: absolute; left: 0; top:auto; right: 0; bottom: 0; margin: auto; height: 4rem; display: -webkit-box; display:box; background: #FFFFFF; border-top: 1px solid #eaeaea;}
.bottomNav span{ display: block; box-flex: 1; -webkit-box-flex: 1;  text-align: center; display: block; box-sizing: border-box;padding: 2px 0 0; color: #666666;}
.bottomNav span i{ font-size: 2rem; color: #bababa;}
.bottomNav span em{ display: block; font-size: 0.9rem; padding:0;}
.bottomNav span.on{ color: #0096ff;}
.bottomNav span.on i{ background: linear-gradient( #00c8d0, #0096ff); -webkit-background-clip:text; color:transparent;}

.rightSuspension{ position: absolute; right: 0; bottom: 4.5rem; z-index: 10;}
.rightSuspension a{ display: block; width: 3rem; height: 3rem; line-height: 3rem; margin: 5px; background: rgba(255,255,255,0.6); border-radius: 50%; overflow: hidden; text-align: center; box-shadow: 0 1px 2px #c5c5c5; color: #0097fe; font-size: 1.8rem;}

.suspendTool{ position: absolute; right: 0; bottom: 4rem; z-index: 10;}
.suspendTool a{ display: block; background: rgba(65, 176, 255, .4); box-shadow: 0 1px 2px #1d84e8; width:2.5rem; height:2.5rem; line-height:3rem; text-align: center; border-radius: 50%; margin: 10px;}
.suspendTool a i{ font-size:18px; color: #FFF;}
.suspendTool a.more i{ font-size: 18px;}

/* 详情页面 */
.detailsTop{background: #FFFFFF; padding:1rem 0; border-bottom:1px solid #eaeaea;}
.detailsTop h4{ text-align: center; font-size:1.5em;}
.detailsTop p{ text-align: center; padding: 0.5em 0 0;}
.detailsTop p span{ padding:0 10px 0; color: #999999;}
.detailsContent{ padding: 10px; background: #ffffff;}
.detailsContent p{ text-indent: 2em; line-height: 1.5em; padding:5px 0;}

.detailsBox section h4{ height: 3rem; line-height: 3rem; padding: 0 10px; font-size: 1em;}
.detailsBox section article{ background: #FFFFFF; padding: 10px;}
.detailsBox section ul{ background: #FFFFFF}
.detailsBox section ul li{ min-height: 3rem; border-bottom: 1px solid #eaeaea;}
.detailsBox section ul li em{float: left; height: 3rem; line-height: 3rem; width: 5rem; color: #333333; text-align: right;}
.detailsBox section ul li .detailCon{ padding: 11px; color: #999999;}
.detailsBox section ul li a{ color: #007AFF;}
.detailsBox section ul.fileList li{ padding: 10px;}
.detailsBox section ul.ImgList li{ padding: 10px;}
.detailsBox section ul.fileList a.fileImg{ float: left; width: 3rem; margin: 0 10px 0 0;}
.detailsBox section ul.fileList a.fileImg img{ width: 100%;}
.detailsBox section ul.ImgList a.fileImg{ float: left;  width: 3rem; margin: 0 10px 0 0;}
.detailsBox section ul.ImgList a.fileImg img{ width: 100%;}

/* .detailsBox section .commentBox{} */
.detailsBox section .commentBox .writeBox{padding: 10px; background: #FFFFFF;}
.detailsBox section .commentBox .writeBox .bts{ text-align: right; padding: 10px 0 0;}
.detailsBox section .commentBox article{ border-bottom: 1px solid #eaeaea; }
.detailsBox section .commentBox article:last-child{ border-bottom: none;}
.detailsBox section .commentBox article dl dt{ float: left; width: 3rem; height: 3rem; margin:0 10px 0 0;}
.detailsBox section .commentBox article dl dt img{ width: 100%; height: 100%;}
.detailsBox section .commentBox article dl dd{ overflow: hidden;}
.detailsBox section .commentBox article dl dd h5{ color: #999999; padding: 0 0 5px;}
.detailsBox section .commentBox article dl dd h5 span{ padding:0 10px 0 0;}
.detailsBox section .commentBox article dl dd h5 a.drop{ float: right;}
.detailsBox section .commentBox article dl dd .star{ padding: 0 0 5px;}
.detailsBox section .commentBox article dl dd .nrCon{ background: #f5f5f5; border-radius: 5px; padding: 8px; line-height: 1.5em;}
.detailsBox section .changeButton{ text-align: center; padding: 10px 0 0;}
/* 筛选右侧弹层 */
.rightLayerW{ position: absolute; left:0; top: 0; right: 0; bottom: 0; margin: auto;  background: rgba(0,0,0,0.5);}
.rightLayer{ position: absolute; left:100%; top: 0; right: 0; bottom: 0; margin: auto; z-index:20;}
.laeryleft{ left:0; background: rgba(0,0,0,0.4)}
.laeryleft .mianScroll{ left: 20%;}


/* 课堂定位内容 */
.orientationList{ position: absolute; left: 0; top: 4rem; right: 0; bottom:4rem; margin: auto; overflow: hidden; overflow-y: auto;}
.orientation .orientationListBox li{ background: #FFFFFF; margin: 10px; border-radius:5px; overflow: hidden; box-shadow: 0 1px 2px #c5c5c5;}
.orientation .orientationListBox li .introduction{ padding: 10px; border-bottom: 1px solid #6c97d0; background: #89bcff;}
.orientation .orientationListBox li .introduction h4{ font-size:16px; color: #FFFFFF;}
.orientation .orientationListBox li{ padding: 0 0 10px;}
.orientation .orientationListBox li dl{ float: left; width: 50%; box-sizing: border-box; padding: 10px 10px 0 60px;}
.orientation .orientationListBox li dl dt{ position: relative; color: #999999; height: 20px; line-height: 20px;}
.orientation .orientationListBox li dl dt span{ position: absolute; width: 60px; height: 50px; line-height: 50px; left: -60px; display: block; text-align:center;}
.orientation .orientationListBox li dl dt span i{ font-size: 26px; color: #6c97d0;}
.orientation .orientationListBox li dl dd{ font-size: 1.1em; padding: 5px 0 0; height: 25px; line-height: 25px;}


.conditionBox{ background: #FFFFFF; }

.conditionBox>div{ border-bottom: 1px solid #eaeaea; padding: 10px}
.conditionBox>div em{ float: left; width:5em; text-align: right; height: 2.5rem; line-height: 2.5rem;}
.conditionBox>div span{ vertical-align: middle; display: inline-block; margin: -2em 0 0;}
.conditionBox>div p{ display: inline-block; height: 2.5rem; line-height: 2.5rem; padding: 0 10px; box-sizing: border-box; border: 1px solid #eaeaea; width: 100%; border-radius: 3px;}
.conditionBox .timeChoBox{ display: inline-block;}
.padLR10{ padding:0 10px;}

/* 错误页面 */
.errorPage dl{ text-align: center; padding: 40% 0;}
.errorPage dl dt{ width: 120px; margin: 0 auto;}
.errorPage dl dt img{ width: 100%;}
.errorPage dl dd{ font-size: 1.5em; font-weight:bold; color: #333333; padding:10px 0;}